<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>轮播图练习.</title>
    </head>
    <body>
        <img id="img" src="jiangxuan_1.jpg" width="30%">
        <!--
        分析:1.在页面上使用img标签展示图片
            2.定义一个方法.修改图片对象的src属性
            3.定义一个定时器,每隔3秒调用方法一次
        -->

        <script>
            var number = 1;
            var img = document.getElementById("img");

            function fun() {
                if(number<=3){
                    img.src = "jiangxuan_" + number + ".jpg";
                    number++;
                }else {
                    number=1;
                }
            }
            setInterval(fun, 3000);

        </script>

    </body>
</html>